<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_uh0CX0',
'ZY_GuanYuWoMen_1',
'ZY_GongSiJieShao_2',
'ZY_XiErFanRenZheng_3',
'ZY_XiErFanRenZhengLi_4',
'ZY_WoMenJianChiYi_5',
'ZY_BaiBanHongZiGongFang_6',
'img_E_FMk7',
'img_U_fDN8',
'img_wwbo99',
'ZY_FuWuZongZhi_10',
'ZY_DuLiKeGuan_11',
'img_ZTIx_12',
'img_n_R7c13',
'ZY_FuWuZongZhi_14',
'ZY_DuLiKeGuan_15',
'ZY_ZhengShuYangBen_16',
'ZY_WoMenYongYouDuoGe_17',
'ZY_TiGaoZhuanYeJiShu_18',
'img_iekwJ19',
'img_IHYfB20',
'img_rRKmN21',
'img_rIt_K22',
'img_Zxg5J23',
'img_QCRTy24',
'img_ih1DK25',
'ZY_RenZhengBiaoZhi_26',
'img_D3G8527',
'ZY_GongSilogo_28',
'img_rJ$_G29',
'ZY_RenZhengBiaoZhi_30',
'ZY_GongSiZiZhi_31',
'img_tTfrX32',
'img_VAmIC33',
'ZY_ShangBiaoZhuCeZhengShu_34',
'img_Uw7Fr35'"></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵${网页标题}</title> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/swiper-bundle.min.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/animate.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/common.css"> 
  <style>.company-info{ margin-top: 70px; } .company-info .info-top .item{ width: 50%; } .company-info .info-top p{ font-size: 16px; line-height: 24px; } .company-info .info-top p:not(:first-child){ margin-top: 30px; } .company-info .info-top img{ width: 100%; } .company-info .info-bottom{ margin-top: 70px; } .company-info .info-bottom .item{ width: 50%; background: #F4F4F4; } .company-info .info-bottom .img-warp{ width: 200px; } .company-info .info-bottom .img-warp img{ width: 100%; } .company-info .info-bottom .text-warp{ padding: 0 25px; } .company-info .info-bottom .text-warp img{ width: 25px; } .company-info .info-bottom .text-warp p{ font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 15px; } .company-info .info-bottom .text-warp span{ font-size: 16px; color: #666666; } .box-bg1{ background: url(https://hwfile.csxuncong.com/xrfrz/new/pc/images/home/indexBg2.png) no-repeat; background-size: 100% 100%; } .certificate-content{ margin-top: 80px; position: relative; } .certificate-content .img{width: 100%;} .certificate-content .mySwiper{ width: 1050px; } /* 清除默认样式 */ .swiper-button-prev:after{ display: none; } .swiper-button-next:after{ display: none; } /*自定义样式*/ .swiper-button-prev{ width: 60px; height: 60px; background: url('https://hwfile.csxuncong.com/xrfrz/new/pc/images/leftBtn.png') no-repeat; background-size: 100% 100%; position: absolute; left: 0px; } .swiper-button-next{ width: 60px; height: 60px; background:url('https://hwfile.csxuncong.com/xrfrz/new/pc/images/rightBtn.png') no-repeat; background-size: 100% 100%; position: absolute; right: 0px; } .box-bg2{ background: url(https://hwfile.csxuncong.com/xrfrz/new/pc/images/company-bg1.png) no-repeat; background-size: 100% 100%; } .box .content{ margin-top: 100px; } .box .content .item-bg{ width: 25%; background: rgba(255,255,255,0.14); padding: 7px; box-sizing: border-box; } .box .content .item-border{ border: 2px solid #FFFFFF; padding: 7px; } .box .content .item-border .image-warp{ width: 100%; background: #FFFFFF; padding: 20px; box-sizing: border-box; } .box .content .item-bg img{ width: 80%; } .box .content .item-bg p{ font-size: 24px; font-weight: bold; margin-top: 20px; } .box-bg3{ background: url(https://hwfile.csxuncong.com/xrfrz/new/pc/images/home/indexBg3.png) no-repeat; background-size: 100% 100%; } .box-bg4{ background: url(https://hwfile.csxuncong.com/xrfrz/new/pc/images/company-bg2.png) no-repeat; background-size: 100% 100%; }
  .box-bg5{
			background: #383637 url('http://hwfile.jyymatrix.cc/image/xrfrz.com/20220818/43fe7797092641279cc2c4cbcde0f31562a7d22407bd44ecac3a2ee03b8bb277.png') no-repeat;
			background-size: 100% 100%;
		}
  </style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="image-warp"> 
   <img src="${img_uh0CX0.adImg}" class="img zy" data-type="ad" data-id="${img_uh0CX0.adId}"> 
   <div class="page-name"> 
    <h2 class="zy" data-type="ad" data-id="${ZY_GuanYuWoMen_1.adId}">${ZY_GuanYuWoMen_1.adTitle}</h2> 
   </div> 
  </div> 
  <div class="box"> 
   <div class="container"> 
    <div class="title flex align-center space-center"> 
     <div class="line-black"></div> 
     <h2 class="zy" data-type="ad" data-id="${ZY_GongSiJieShao_2.adId}">${ZY_GongSiJieShao_2.adTitle}</h2> 
     <div class="line-black"></div> 
    </div> 
    <div class="company-info"> 
     <div class="info-top flex space-between"> 
      <div class="item pr-20"> 
       <p class="zy" data-type="ad" data-id="${ZY_XiErFanRenZheng_3.adId}">${ZY_XiErFanRenZheng_3.adTitle}</p> 
       <p class="zy" data-type="ad" data-id="${ZY_XiErFanRenZhengLi_4.adId}">${ZY_XiErFanRenZhengLi_4.adTitle}</p> 
       <p class="zy" data-type="ad" data-id="${ZY_WoMenJianChiYi_5.adId}">${ZY_WoMenJianChiYi_5.adTitle}</p> 
       <p class="zy" data-type="ad" data-id="${ZY_BaiBanHongZiGongFang_6.adId}">${ZY_BaiBanHongZiGongFang_6.adTitle}</p> 
      </div> 
      <div class="item pl-20"> 
       <img src="${img_E_FMk7.adImg}" class="zy" data-type="ad" data-id="${img_E_FMk7.adId}"> 
      </div> 
     </div> 
     <div class="info-bottom flex align-center space-between"> 
      <div class="item flex align-center mr-20"> 
       <div class="img-warp"> 
        <img src="${img_U_fDN8.adImg}" class="zy" data-type="ad" data-id="${img_U_fDN8.adId}"> 
       </div> 
       <div class="text-warp"> 
        <img src="${img_wwbo99.adImg}" class="zy" data-type="ad" data-id="${img_wwbo99.adId}"> 
        <p class="zy" data-type="ad" data-id="${ZY_FuWuZongZhi_10.adId}">${ZY_FuWuZongZhi_10.adTitle}</p> 
        <span class="zy" data-type="ad" data-id="${ZY_DuLiKeGuan_11.adId}">${ZY_DuLiKeGuan_11.adTitle}</span> 
       </div> 
      </div> 
      <div class="item flex align-center ml-20"> 
       <div class="img-warp"> 
        <img src="${img_ZTIx_12.adImg}" class="zy" data-type="ad" data-id="${img_ZTIx_12.adId}"> 
       </div> 
       <div class="text-warp"> 
        <img src="${img_n_R7c13.adImg}" class="zy" data-type="ad" data-id="${img_n_R7c13.adId}"> 
        <p class="zy" data-type="ad" data-id="${ZY_FuWuZongZhi_14.adId}">${ZY_FuWuZongZhi_14.adTitle}</p> 
        <span class="zy" data-type="ad" data-id="${ZY_DuLiKeGuan_15.adId}">${ZY_DuLiKeGuan_15.adTitle}</span> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg1"> 
   <div class="container"> 
    <div class="title flex align-center space-center"> 
     <div class="line"></div> 
     <h2 class="color-white zy" data-type="ad" data-id="${ZY_ZhengShuYangBen_16.adId}">${ZY_ZhengShuYangBen_16.adTitle}</h2> 
     <div class="line"></div> 
    </div> 
    <p class="sub-title color-white zy" data-type="ad" data-id="${ZY_WoMenYongYouDuoGe_17.adId}">${ZY_WoMenYongYouDuoGe_17.adTitle}</p> 
    <p class="sub-title color-white zy" data-type="ad" data-id="${ZY_TiGaoZhuanYeJiShu_18.adId}">${ZY_TiGaoZhuanYeJiShu_18.adTitle}</p> 
    <div class="certificate-content"> 
     <div class="swiper mySwiper"> 
      <div class="swiper-wrapper"> 
       <div class="swiper-slide"> 
        <img src="${img_iekwJ19.adImg}" class="img zy" data-type="ad" data-id="${img_iekwJ19.adId}"> 
       </div> 
       <div class="swiper-slide"> 
        <img src="${img_IHYfB20.adImg}" class="img zy" data-type="ad" data-id="${img_IHYfB20.adId}"> 
       </div> 
       <div class="swiper-slide"> 
        <img src="${img_rRKmN21.adImg}" class="img zy" data-type="ad" data-id="${img_rRKmN21.adId}"> 
       </div> 
       <div class="swiper-slide"> 
        <img src="${img_rIt_K22.adImg}" class="img zy" data-type="ad" data-id="${img_rIt_K22.adId}"> 
       </div> 
       <div class="swiper-slide"> 
        <img src="${img_Zxg5J23.adImg}" class="img zy" data-type="ad" data-id="${img_Zxg5J23.adId}"> 
       </div> 
       <div class="swiper-slide"> 
        <img src="${img_QCRTy24.adImg}" class="img zy" data-type="ad" data-id="${img_QCRTy24.adId}"> 
       </div> 
	   <div class="swiper-slide">
	    <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/9bbc7d8764474d7bb0ccd27ce4209505abc0423d56da4335876f011f965bbef2.jpg" class="img zy"> 
	   </div> 
	   <div class="swiper-slide"> 
	    <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/9464716ef60743ba8f7eea0c0c83aa4df4386214a2234a279b61070662ced6b2.jpg" class="img zy"> 
	   </div> 
      </div> 
     </div> 
     <div class="swiper-button-next"></div> 
     <div class="swiper-button-prev"></div> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg2"> 
   <div class="container"> 
    <h2 class="title color-white zy" data-type="ad" data-id="${ZY_RenZhengBiaoZhi_26.adId}">${ZY_RenZhengBiaoZhi_26.adTitle}</h2> 
    <div class="content flex align-center space-around"> 
     <div class="item-bg"> 
      <div class="item-border"> 
       <div class="image-warp flex flex-v align-center space-center"> 
        <img src="${img_D3G8527.adImg}" class="zy" data-type="ad" data-id="${img_D3G8527.adId}"> 
        <p class="zy" data-type="ad" data-id="${ZY_GongSilogo_28.adId}">${ZY_GongSilogo_28.adTitle}</p> 
       </div> 
      </div> 
     </div> 
     <div class="item-bg"> 
      <div class="item-border"> 
       <div class="image-warp flex flex-v align-center space-center"> 
        <img src="${img_rJ$_G29.adImg}" class="zy" data-type="ad" data-id="${img_rJ$_G29.adId}"> 
        <p class="zy" data-type="ad" data-id="${ZY_RenZhengBiaoZhi_30.adId}">${ZY_RenZhengBiaoZhi_30.adTitle}</p> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg3"> 
   <div class="container"> 
    <h2 class="title color-white zy" data-type="ad" data-id="${ZY_GongSiZiZhi_31.adId}">${ZY_GongSiZiZhi_31.adTitle}</h2> 
    <div class="content flex align-center space-between"> 
     <img style="width: 16%;" src="${img_tTfrX32.adImg}" class="zy" data-type="ad" data-id="${img_tTfrX32.adId}"> 
	 <img style="width: 16%;" src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220725/4cd51c1e81c44e05865e37248517e0fdde7645b2d6e24f87bc451a10ac6b11e4.jpg" >
     <img style="width: 20%;" src="${img_VAmIC33.adImg}" class="zy" data-type="ad" data-id="${img_VAmIC33.adId}"> 
     <img style="width: 20%;" src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/7ee0777d8e5c4053949620c7759689b61522c556d4ef435e85f90cee5103075a.jpg" class="zy"> 
     <img style="width: 20%;" src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/93500f49b8244048a7e43b044fa365fade10ab2cc3ad4933b79de34c3c9a3d96.jpg" class="zy"> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg4"> 
   <div class="container"> 
    <h2 class="title color-white zy" data-type="ad" data-id="${ZY_ShangBiaoZhuCeZhengShu_34.adId}">${ZY_ShangBiaoZhuCeZhengShu_34.adTitle}</h2> 
    <!-- <div class="content flex align-center space-center"> 
     <img style="width: 30%;" src="${img_Uw7Fr35.adImg}" class="zy" data-type="ad" data-id="${img_Uw7Fr35.adId}"> 
    </div>  -->
    <div class="certificate-content"> 
      <div class="swiper mySwiper"> 
       <div class="swiper-wrapper"> 
        <div class="swiper-slide">
          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/1.jpg" class="img"> 
        </div> 
        <div class="swiper-slide"> 
          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/2.jpg" class="img">
        </div> 
        <div class="swiper-slide"> 
          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/3.jpg" class="img">
        </div> 
        <div class="swiper-slide"> 
          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/4.jpg" class="img">
        </div> 
        <div class="swiper-slide"> 
          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/5.jpg" class="img">
        </div> 
        <div class="swiper-slide"> 
          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/6.jpg" class="img">
        </div> 
        <div class="swiper-slide"> 
          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/7.jpg" class="img">
        </div> 
       </div> 
      </div> 
      <div class="swiper-button-next"></div> 
      <div class="swiper-button-prev"></div> 
     </div> 
   </div> 
  </div> 
  <div class="box box-bg5">
		<div class="container">
			<h2 class="title color-white">公司专利</h2>
			<div class="certificate-content"> 
        <div class="swiper mySwiper"> 
         <div class="swiper-wrapper"> 
          <div class="swiper-slide">
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/8.jpg" class="img"> 
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/9.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/10.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/11.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/12.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/13.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/14.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/15.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/16.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/17.jpg" class="img">
          </div> 
         </div> 
        </div> 
        <div class="swiper-button-next"></div> 
        <div class="swiper-button-prev"></div> 
       </div> 
		</div>
	</div>
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/swiper-bundle.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/wow.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/jquery.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/common.js"></script> 
  <script>
		
		var swiper = new Swiper('.box-bg1 .mySwiper', {
			speed:1000,   //滑动速度
			loop:true,    //循环
			loopedSlides: 3,  //循环个数
			centeredSlides : true,   //活动滑块居中
			slidesPerView: 3,   //显示slide数量
			spaceBetween: 0,   //slide之间的距离
			autoplay : true,
			effect: 'coverflow',
			coverflowEffect: {
				rotate: 0,
				stretch: 80,
				depth: 300,
				modifier: 1,
				slideShadows: false,
			},
			grabCursor: true,
			navigation: {
				nextEl: ".box-bg1 .swiper-button-next",
				prevEl: ".box-bg1 .swiper-button-prev",
			},
		});
    var swiper2 = new Swiper('.box-bg4 .mySwiper', {
			speed:1000,   //滑动速度
			loop:true,    //循环
			loopedSlides: 3,  //循环个数
			centeredSlides : true,   //活动滑块居中
			slidesPerView: 3,   //显示slide数量
			spaceBetween: 0,   //slide之间的距离
			autoplay : true,
			effect: 'coverflow',
			coverflowEffect: {
				rotate: 0,
				stretch: 80,
				depth: 300,
				modifier: 1,
				slideShadows: false,
			},
			grabCursor: true,
			navigation: {
				nextEl: ".box-bg4 .swiper-button-next",
				prevEl: ".box-bg4 .swiper-button-prev",
			},
		});
    var swiper3 = new Swiper('.box-bg5 .mySwiper', {
			speed:1000,   //滑动速度
			loop:true,    //循环
			loopedSlides: 3,  //循环个数
			centeredSlides : true,   //活动滑块居中
			slidesPerView: 3,   //显示slide数量
			spaceBetween: 0,   //slide之间的距离
			autoplay : true,
			effect: 'coverflow',
			coverflowEffect: {
				rotate: 0,
				stretch: 80,
				depth: 300,
				modifier: 1,
				slideShadows: false,
			},
			grabCursor: true,
			navigation: {
				nextEl: ".box-bg5 .swiper-button-next",
				prevEl: ".box-bg5 .swiper-button-prev",
			},
		});
    </script> 
 </body>
</html>